<!DOCTYPE html>
<html lang="zh-cn" class="fullscreen-bg" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>请您登录 | GemFrame开源权限管理系统v1.0.0</title>
    <!--将title部分修改为对应的页面内容-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keywords" content="JAVA SpringBoot SpringSecurity GemFrame admin"/>
    <meta name="description" content="基于SpringBoot2.0+的国产优秀的框架&GemFrame开源权限管理系统v1.0.0">
    <meta name="author" content="gemframework.com">
    <!-- Google Web Fonts -->
<!--    <link rel="stylesheet" th:href="@{https://fonts.googleapis.com/css?family=Ubuntu}">-->
    <link rel="stylesheet" th:href="@{static/cms/assets/css/fonts/fonts-style.css}">
    <link rel="stylesheet" th:href="@{static/access/css/font-ubuntu.css}">
    <!-- Bootstrap CSS CDN -->
<!--    <link rel="stylesheet" th:href="@{http://cdn.bootstrapmb.com/bootstrap/4.1.0/css/bootstrap.min.css}">-->
    <link rel="stylesheet" th:href="@{/static/access/js/bootstrap/bootstrap.min.css}">

    <!-- Page CSS -->
    <link rel="stylesheet" th:href="@{static/cms/assets/css/custompages/login1.css}">
</head>
<body class="bg-login">
<div class="wrapper">
    <!-- Page Content Starts-->
    <div class="content-wrapper">
        <div class="mx-auto login">
            <a href="index.html">
                <img src="static/cms/assets/images/logo-signin.png"
                     class="img-circle" alt="Logo Image"></a>
            <div class="card card-signin mt-4">
                <div class="card-body">
                    <h5 class="card-title text-center">欢迎您登录</h5>
                    <form class="form-signin" th:action="@{/login}" method="post">
                        <div class="form-label-group">
                            <input type="text" id="username" name="username" class="form-control"
                                   placeholder="Email address" required autofocus>
                        </div>
                        <div class="form-label-group">
                            <input type="password" id="password" name="password" class="form-control"
                                   placeholder="Password" required>
                        </div>
                        <div class="row remember">
                            <div class="col-md-7 text-center text-md-left">
                                <div class="custom-control custom-checkbox mb-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
                                    <label class="custom-control-label" for="customCheck1">记住密码</label>
                                </div>
                            </div>
                            <div class="col-md-5 text-center text-md-right mb-3">
                                <a href="https://admin.perfectuswebinsights.com/pages/custompages/forgot-password.html"
                                   class="">忘记密码？</a>
                            </div>
                            <!-- ${session?.SPRING_SECURITY_LAST_EXCEPTION?.message} security自带的错误提示信息 -->
                            <p th:if="${param.error}" th:text="${session?.SPRING_SECURITY_LAST_EXCEPTION?.message}" ></p>
                        </div>
                        <button type="submit" class="btn btn-primary btn-lg btn-block text-uppercase text-center">立即登录</button>
                        <hr class="my-4">
                        <div class="social-logins text-center">
                            <button class="btn btn-facebook" href="submit">
                                <i class="fa fa-facebook"></i>
                            </button>
                            <button class="btn btn-google" type="submit">
                                <i class="fa fa-google"></i>
                            </button>
                            <button class="btn btn-instagram" type="submit">
                                <i class="fa fa-instagram"></i>
                            </button>
                            <button class="btn btn-linkedin" type="submit">
                                <i class="fa fa-linkedin"></i>
                            </button>
                            <button class="btn btn-twitter" type="submit">
                                <i class="fa fa-twitter"></i>
                            </button>
                            <button class="btn btn-youtube" type="submit">
                                <i class="fa fa-youtube"></i>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Content Ends-->
</div>
<!-- Bootstrap JS -->
<script th:src="@{static/cms/assets/js/jquery/jquery.min.js}"></script>
<script th:src="@{http://cdn.bootstrapmb.com/bootstrap/4.1.0/js/bootstrap.min.js}"></script>
</body>
</html>
